/* 
    Document   : employe
    Created on : 19 juin 2013, 17:35:09
    Author     : Donat Kamary
    Description:
        Mise en forme dans la fiche employe
*/

.empl-border{
    border: solid 5px #0066ff;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 20px;
}

.empl-border:after{
    content: "";
    display: table;
    clear: both;
}

.empl-title{
    font-weight: bolder;
    text-transform: uppercase;
}

.empl-full, .empl-half, .empl-matricule, .empl-site{
    border: solid 1px #3366ff;
    display: inline-block;
    padding: 2px 0px 1px 0px;
    text-indent: 5px;
    margin: 2px 0px;
    position: relative;
}

.empl-full{
    width: 99%;
}

.empl-half{
    width: 49%;
}

.empl-group{
    margin: 25px 5px;
    min-height: 1.2em;
}

.empl-matricule{
    width: 20%;
    display: inline-block;
}

.empl-site{
    width: 78%;
    margin-left: 3px;
}

.empl-photo{
    width: 99%;
    height: auto;
    min-height: 250px;
    border: solid 1px #3366ff;
    text-align: center;
    margin-bottom: 10px;
}

.empl-right, .empl-center, .empl-left{
    display: inline-block;
}

.empl-left{
    width: 20%;
    float: left;
}

.empl-center{
    width: 49%;
}

.empl-right{
    width: 30%;
    float: right;
}

.empl-top{
    clear: both;
    margin-top: 10px;
}

.bleu{
    background: rgb(142, 180, 227);
}

.saumon{
    background: rgb(252, 213, 181);
}

.violet{
    background: rgb(204, 193, 218);
}

.gris{
    background: rgb(242, 242, 242);
}

.beige{
    background: rgb(235, 241, 222);
}

.gris-beige{
    background: rgb(240, 242, 237);
}

.saumon2{
    background: rgb(242, 220, 219);
}

.marron{
    background: rgb(217, 150, 148);
}

.jaune{
    background: rgb(255, 211, 54);
}

.vert-olive{
    background: rgb(195, 214, 155);
}

.bleu-navy{
    background: navy;
}

.empl-toolbar{
    float: right;
}

#avenant-message{
    color: #fff;
    font-style: italic;
}

#avenant-message span:before{
    content: url('../../img/rh/user-info.png');
}

.full-link{
    display: block;
    width: 98%;
    height: 100%;
    color: #333333;
    margin: auto;
}

.full-link:hover{
    /*font-weight: bolder;*/
}

.toolbox{
    display: inline;
    margin-left: 1%;
}